;
(function () {
    "use strict";
    // 加载头部
    $.ajax({
        type: "get",
        url: "http://localhost:3000/public/header.html",
        success: function (response) {
            $("#indexH").html(response);
            // 渲染完页面之后处理登陆状态
            isLogin();
        }
    });
    // 加载尾部
    $.ajax({
        type: "get",
        url: "http://localhost:3000/public/footer.html",
        success: function (response) {
            $("#indexF").html(response);
        }
    });

    // 请求banner图数据
    $.ajax({
        url: "http://localhost:3000/api",
        type: "get",
        data: {
            type: "getBanner"
        },
        success: function (res) {
            res = JSON.parse(res);
            // 基于jq的banner
            $(".banner2").banner(res.banner);
        }
    });

    // 请求手机商品数据
    $.ajax({
        url: "http://localhost:3000/api",
        type: "get",
        data: {
            type: "getGoods"
        },
        success: function (res) {
            res = JSON.parse(res);
            console.log(res)
            // 基于jq的goods,根据数据渲染页面
            $(".pMsg").goods(res.goods1.data);
            $(".pMsg").goods(res.goods2.data);
            $(".pMsg").goods(res.goods3.data);

            // 执行根据数据渲染之后的功能
            clickChange();

        }
    });

    // 执行根据数据渲染之后的功能
    function clickChange() {
        // 手机,智慧屏,平板的点击及其数据的渲染
        const goods1P = document.querySelectorAll(".msgTitle p");
        // 渲染的数据区域
        const goodsArea = document.querySelectorAll(".pMsgChild");
        // 给所有数据绑对应的索引
        for (let i = 0; i < goods1P.length; i++) {
            goods1P[i].index = i;
        }
        // 要清除的，上一个元素的索引
        let prev = 0;
        // 显示默认索引的内容
        goodsArea[prev].style.display = "flex";

        for (let i = 0; i < goods1P.length; i++) {
            goods1P[i].onclick = function () {
                // console.log(this)
                // 移除上一个元素的样式
                goods1P[prev].removeAttribute("class");
                // 隐藏上一个的内容
                goodsArea[prev].style.display = "none";

                // 给当前点击元素添加样式
                this.setAttribute("class", "pactive");

                // 显示当前元素
                goodsArea[this.index].style.display = "flex";

                // 将当前点击的，设置为下一次的上一个按钮            
                prev = this.index;
            }
        }
    }

    // 手机商品的点击
    // $(".pMsg").on("click",".pMsgList",function(){
    //     console.log($(this).attr("my_id"));
    //     // 获取当前点击的商品id再通过ajax请求成功后跳转
    //     // 跳转
    //     $.ajax({
    //         type: "get",
    //         url: "http://localhost:3000/api",
    //         data:{
    //             id:$(this).attr("my_id"),
    //             type:"getThisGood"
    //         },
    //         success: function (res) {
    //             res = JSON.parse(res);
    //             console.log(res);
    //             // 给商品详情页传值
    //             // location.assign("http://localhost:3000/goods.html");
    //         }
    //     });
    // });

    // 请求智能穿戴商品数据
    $.ajax({
        url: "http://localhost:3000/api",
        type: "get",
        data: {
            type: "getGoods2"
        },
        success: function (res2) {
            res2 = JSON.parse(res2);
            // 基于jq的goods
            $(".wMsg").goods2(res2.goods);
        }
    });


    // 楼层跳转
    $("#flowNav").children("li").click(function(){
        $("html").stop().animate({
            scrollTop: $(".floor").eq($(this).index()).offset().top
        });
    });

    // 滚动条没有到目标区域,回到顶部隐藏,否则显示
    
    // $("#flowNav").find("#flFirst").attr("style","display:none");

    // console.log($("#moreMsg").offset().top)
    // if($(document).scrollTop()>=$("#moreMsg").offset().top){
    //     console.log(1)
    // }

})();